<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>app-register</title>
  </head>
  <body>
    <div class="app-register">
      <a href="./login.html" class="fs20 clbl register-pwd">密码登录</a>
      <div class="register-bg">
        <h2 class="fs28 clff register-title">手机号登录/注册</h2>
        <p class="mtb53 clff">快速找到好友，一站式记录你的运动</p>

        <div class="register-input">
          <div class="register-icon">
            <input id="tel" type="text" placeholder="输入手机号码" />
          </div>
          <div class="register-credit">
            <input id="criptcha" type="text" placeholder="请输入验证码" />
            <canvas
              class="code"
              id="captcha"
              class="ml12"
              width="103"
              height="50"
            ></canvas>
          </div>
          <input id="password" type="password" placeholder="请输入密码" />
          <input id="again-pwd" type="password" placeholder="请再次确认密码" />
          <button id="registerBtn">注册账号</button>
          <p class="err-msg"></p>
          <div class="reg-foot">
            <span class="iconfont icon-wechat"></span>
            <p class="wechat clff">
              <span>微信注册</span>
            </p>
          </div>
        </div>
      </div>

      <p class="end">- NARUTO -</p>
    </div>
  </body>
</html>
